<script lang="ts" setup>
import WxPage from '@/components/WxPage/index.vue'
import GoodsPondBar from '@/components/bar/GoodsPondBar/index.vue'
import ActivityBannerBar from '@/components/bar/ActivityBannerBar/index.vue'

const headImg = 'https://oss.suning.com/srcfews/panasonic-mp/static/marketing/background.png';
const backgroundColor = '#F27F0C';
const columns = 2
const conditionList = ['滚筒洗衣机', '波轮洗衣机','洗烘一体机', '干衣洗衣机',
  '滚筒洗衣机11', '波轮洗衣机11','洗烘一体机11', '干衣洗衣机11']
// const conditionList = []
const goodsList = [
  {
    name:'狗狗玩具宠物小狗自嗨解闷神器磨牙耐咬发声幼犬小型犬大狗橄榄球',
    price:'￥1699.99',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/d1fee7aa0ecc4f19886c5210837678e3.png',
    tagList: [{name:'新品', color:'#1677FF'}, {name:'台返', color:'#F81A1A'}],
  },
  {
    name:'【petstar_宠物餐垫】猫碗垫硅胶防滑垫狗狗餐垫防水防溢出餐具垫',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/918a6bbdcbc24acc9d4414f0f022704a.png',
    price:'￥29.90',
    tagList: [{name:'台返', color:'#F81A1A'}],
  },
  {
    name:'蓝氏真鲜乳鸽冻干狗粮中小型犬大型犬成犬幼犬粮全价荒野猎兔试吃',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/805bfa81c21e4a99902b3b2ce96e8291.png',
    price:'￥18.00',
    tagList: [{name:'新品', color:'#1677FF'}],
  },
  {
    name:'多可特 宠物零食猫狗通用肉零食洁牙磨牙冻干鸡脖 100g',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/f60fe0d6dfe4474e9069fa1c6452a6ce.jpg',
    price:'￥1699.99',
    tagList: [{name:'新品', color:'#1677FF'}, {name:'台返', color:'#F81A1A'}],
  },
  {
    name:'多可特 宠物零食 冻干猫草棒桶装 300g（60支装）',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/31e910eaccff463eb246887f6303f0fc.jpg',
    price:'￥1699.99',
    tagList: [{name:'新品', color:'#1677FF'}, {name:'台返', color:'#F81A1A'}],
  },
  {
    name:'猫碗狗碗自动饮水机猫粮喂食双碗斜口高脚护颈宠物猫咪食盆防打翻',
    goodsImg:'http://scdpsit.suning.com/miniio/snbns/2024/09/0d3a449c950d4d358837626166e55e70.png',
    price:'$1699.99',
    tagList: [{name:'新品', color:'#1677FF'}, {name:'台返', color:'#F81A1A'}],
  }
]
</script>

<template>
  <WxPage
		  title="新款商品"
		  full
          showBackBtn
          :styles="`background-color:${backgroundColor}`"
          >
    <view class="page-body">
		<view class="toTop">
			<view class="head-img">
				<image class="img" :src="headImg"></image>
			</view>
		</view>
      <GoodsPondBar stickyTop="260rpx" :conditionList="conditionList" :columns="columns" :goodsList="goodsList"></GoodsPondBar>
    </view>
  </WxPage>

</template>

<style lang="scss" scoped>
	.toTop{
		position: sticky;
		top: 0rpx;
	}
	.head-img{
		box-sizing: border-box;
		width: 750rpx;
		height: 260rpx;
		.img{
			width: inherit;
			height: inherit;
		}
	}
.page-body{
  --back-color: v-bind(backgroundColor);
}
</style>